<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <div>123</div>
    <a href="http://www.baidu.com">百度</a>
    <form action="http://www.baidu.com">
        <input type="sumbit" value="提交" name="sub">
    </form>

    <script>
        var div = document.querySelector('div');
        div.addEventListener('click', fn);  //点击
        div.addEventListener('mouseover', fn); //鼠标移入
        div.addEventListener('mouseout', fn);  //鼠标划走
        function fn(e) {
            console.log(e.type);   //返回的是事件类型
        }

        //2.阻止默认行为(事件) 让链接不跳转或者提交按钮不提交
        var a = document.querySelector('a');
        a.addEventListener('click', function (e) {
            // e.preventDefault();  //dom标准写法
        })

        //传统的注册方式
        a.onclick = function () {
            //普通浏览器用
            // e.preventDefault();

            // e.returnValue;   ie678用
            // e.returnValue;

            //传统方式 return false  也能组织默认行为，没有兼容性的问题
            //特点就是return后面 的语句不会执行，只限制与传统的注册方式。
            return false;

        }
    </script>
</body>

</html>